@charset "utf-8";
*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#666666;  width: 100%; height: 100%; overflow: hidden;}
body{overflow-x:hidden}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; }
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong,i,em,b{ font-style:normal; font-weight:normal; }
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#666666; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.bgffffff{background: #ffffff;}
.bgf7f7f7{background: #f7f7f7;}
.bgf5f5f5{background: #f5f5f5;}
.w1200{ width:1200px; margin:0px auto;}
.w1260{ width:1260px; margin:0px auto;}
.ft26{font-size: 26px;}
.ft20{font-size: 20px;}
.bg0{background: none !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.h150{height: 150px;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}


input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #333;} 

input:-moz-placeholder, textarea:-moz-placeholder{color: #333;} 

input::-moz-placeholder, textarea::-moz-placeholder{color: #333;} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #333;} 













.white{color: #fff !important;}

.red{color: #a21f24 !important;}

.gray333{color: #333 !important;}

.gray999{color: #999 !important;}






.f12{font-size: 12px;}

.f14{font-size: 14px !important;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 26px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f36{font-size: 36px;}

.f38{font-size: 38px !important;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}

@font-face {   
    font-family: 'siyuan';  
 	src:url(../font/Teko-Regular.ttf);
}

.w1300{ width:1300px; margin:0px auto;}
.inner-warrper{width: 100%; padding:0 6%; box-sizing: border-box; min-width: 1300px;}


header{ width:100%; position:relative; background:#fff;}
header .toper{ width:100%; line-height:40px; position:relative; border-bottom:1px #eee solid; background: #f5f5f5;}
header .toper .fwdz{ position:relative;}
header .toper .fwdz span{background: url(../images/icon.png) no-repeat center left; width: 14px; height: 14px; display: inline-block;}
header .toper .fwdz strong{ display:inline-block;position:relative; padding:0 18px 0 5px; cursor:pointer;}
header .toper .fwdz strong a{ color:#888;}
header .toper .fwdz strong b{display:inline-block; margin-left: 10px; color: #e62129;}
header .toper .fwdz .map{ display:none; width:300px; position:absolute; left:0; top:40px; z-index:100; padding:20px 26px; background:#fff; border:1px #e6e6e6 solid;}
header .toper .fwdz .map b{ display:block; width:19px; height:9px; background:url(../images/ico.png) -46px -8px no-repeat; position:absolute; top:-9px; left:36px; z-index:20;}
header .toper .fwdz .map a{ display:block; float:left; margin-right:30px; color:#333;}
header .toper .fwdz .map a:hover{ color:#e60012}
header .toper .hyld{ zoom:1; position:relative;}
header .toper .hyld span{ display:block; float:left; color:#555555;}
header .toper .hyld strong{ color:#555; display:block; float:right; overflow:hidden; padding-left:50px;}
header .toper .hyld strong a{ color:#555; display:inline-block; padding:0 30px;}

header .toper .hyld strong a:hover{ color:#e60012;}
header .toper .hyld strong a.a1{background: url(../images/icon2.png) no-repeat center left;}
header .toper .hyld strong a.a2{background: url(../images/icon3.png) no-repeat center left;}
header .toper .hyld strong a.a3{background: url(../images/icon4.png) no-repeat center left; position: relative;}
header .toper .hyld strong a.a3:before{position: absolute; content: ""; width: 20px; height: 14px; right: 0; top: 50%; margin-top: -7px; background: url(../images/icon5.png)no-repeat center;}

header .toper .hyld strong .erweima{display: none; position: absolute; top: 41px; right: 0; z-index: 25; border: 1px solid #d8d8d8;}


header{ width:100%; position:relative; top:0; left:0; right:0; z-index:9999; background:#fff;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 10px rgba(0,0,0,.1);box-shadow:0px 0px 10px rgba(0,0,0,.1);}
header .head{ padding:20px 0; box-sizing: border-box;}
header .head .logo,header .head .tel{ position:relative; z-index:20;}
header .head .logo img{ height:60px; margin:5px 0; display:block;}
header .head .text {margin-left: 25px; margin-top: 10px;}
header .head .text p{font-size: 16px;}
header .head .text p b{color: #e62129; font-weight: bold;}
header .head .tel{  overflow:hidden; margin-top: 10PX;}
header .head .tel span{background:url(../images/tel.jpg) no-repeat center left; padding-left:25px; display:block; float:right; color: #e62129; font-size:22px; font-family:'DIN'}
header .head .tel P{text-align: right;}
header .head .menubox{ overflow:hidden; margin-left:100px; padding:20px 0;}
header .head .menubox ul{ width:100%;  zoom:1;}
header .head .menubox ul li{ float:left; position:relative;}
header .head .menubox ul li a{ display:block; font-size:16px; padding:0 30px;}
header .head .menubox ul li.on a,header .head .menubox ul li:hover a{ color:#d72128;}

.slideBox{ width:100%; height:700px; position:relative; overflow:hidden; margin-top:90px;}
.slideBox .hd{ position:absolute; bottom:20px; left:50%; width:1200px; margin-left:-600px; text-align:center; z-index:90;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display:inline-block; width:10px; height:10px; font-size:0; border:2px #fff solid; margin:0 8px; cursor:pointer; border-radius:50%;}
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; width:100%; height:800px; overflow:hidden;}
.slideBox .bd li a{ display:block; width:100%; height:700px;}
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.Example{ width:100%; overflow:hidden; background:#f7f7f7;}
.Example .bidan{ padding:35px 8%; overflow:hidden;}
.Example .bidan li{ width:18%; margin:0 1%; float:left; overflow:hidden; background:#fff; border-radius:3px; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.Example .bidan li a{ display:block; padding:35px 20px; overflow:hidden; position:relative;}
.Example .bidan li a .wzi{ padding-right:80px; overflow:hidden; line-height:24px;}
.Example .bidan li a .wzi h2{ font-size:24px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.Example .bidan li a .wzi p{ font-size:16px; color:#666;white-space:nowrap; text-overflow: ellipsis; overflow:hidden; margin-top:8px;}
.Example .bidan li a .pic{ position:absolute; right:20px; top:35px; width:60px; height:60px; background:url(../images/icon.png) no-repeat; overflow:hidden; z-index:10;}
.Example .bidan li a .pic.tu_01{ background-position:6px -55px;}
.Example .bidan li a .pic.tu_02{ background-position:-73px -55px;}
.Example .bidan li a .pic.tu_03{ background-position:-156px -55px;}
.Example .bidan li a .pic.tu_04{ background-position:-241px -55px;}
.Example .bidan li a .pic.tu_05{ background-position:-329px -55px;}
.Example .bidan li:hover{ box-shadow:0px 5px 10px rgba(152,152,152,.3);margin-top:-5px;}

@media screen and ( max-width: 1660px){
	header .head{ padding:10px 20px;}
	header .head .logo img{ height:50px; margin:10px 0;}
	header .head .menubox{ margin-left:60px;}
	header .head .tel span{ font-size:24px;}
	header .head .menubox ul li a{ font-size:16px; padding:0 30px;}
/*	.slideBox,.fdsnt,.CaseImg,.Secvire{ margin-top:90px !important;}
*/	
	.Example .bidan{ padding:35px 0;}
}
@media screen and ( max-width: 1760px){
	.Example .bidan{ padding:35px 5%;}
}
@media screen and ( max-width: 1600px){
	.Example .bidan{ padding:35px 3%;}
}
@media screen and ( max-width: 1500px){
	header .head .menubox ul li a{ padding:0 20px;}
}
@media screen and ( max-width: 1440px){
	.Example .bidan{ padding:35px 0; min-width:1300px;}
}


/*报价弹出*/
.ancitc *{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.ancitc{position:fixed;top:0 !important;left:0;display:none;z-index:12000; width:100%; height:100%; background:rgba(0,0,0,0.7); overflow:hidden;}
.ancitc .close_a{position:absolute;right:-15px; top:-15px; width:30px; height:30px; background:#fff; border-radius:50%; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
.ancitc .close_a em{ border:3px #fff solid; background:rgba(0,0,0,0.5); display:block; border-radius:50%; width:24px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:20px;
}
.ancitc .close_a em:hover{ background:#d72128}
.ancitc .sszs{ width:760px; padding:60px; background:#fff; border-radius:2px; position:absolute; left:50%; top:50%; margin-top:-200px; margin-left:-440px; box-shadow:1px 1px 50px rgba(0,0,0,.3);
box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
.ancitc .sszs .qolnd{ width:360px; overflow:hidden;}
.ancitc .sszs .qolnd h1{ font-size:26px; color:#333; padding-bottom:20px;}
.ancitc .sszs .qolnd dl{ display:block; overflow:hidden; margin-top:12px; line-height:38px;}
.ancitc .sszs .qolnd dl dt{ display:block; width:80px; float:left; overflow:hidden; position:relative;}
.ancitc .sszs .qolnd dl dt i{ display:block; position:absolute; right:10px; top:3px; color:#d72128; font-size:18px;}
.ancitc .sszs .qolnd dl dd{ display:block; float:right; width:260px; border:1px #eee solid; padding-left:10px;}
.ancitc .sszs .qolnd dl dd input.tit{ width:100%; border:none; background:none; height:36px;}
.ancitc .sszs .qolnd .tijiao{ width:100%; overflow:hidden; margin-top:20px;}
.ancitc .sszs .qolnd .tijiao input.sub{ width:100%; border:none; width:100%; background:#222; color:#fff; height:42px; line-height:42px; font-size:16px; transition:300ms; border-radius:3px; cursor:pointer;}
.ancitc .sszs .qolnd .tijiao input.sub:hover{ background:#d72128}

.fwmj{ width:100%; overflow:hidden; position:relative; padding:30px 0;}
.fwmj .heng{ height:20px; border-radius:10px; background:#eee; border:none;}
.fwmj .heng .ui-slider-range{ background:#d72128; border-radius:10px 0 0 10px;}
.fwmj .heng .ui-slider-handle{ top:-4px; margin:0 0 0 -20px; width:16px; height:16px; border:6px #d72128 solid; background:#fff; border-radius:50%; outline:none;}
.fwmj .heng .form-slider-value{ position:absolute; font-size:16px; bottom:-35px; width:100px; text-align:center; margin-left:-50px;}


.yusuan{ width:300px; overflow:hidden; margin-top:20px;}
.yusuan .tit{ width:100%; overflow:hidden; font-size:22px; color:#333; text-align:center;}
.yusuan .tit .js-total{ color:#d72128; font-family:Arial, Helvetica, sans-serif; font-size:28px; padding:0 4px;}
.yusuan ul{ border:1px #eee solid; overflow:hidden; padding:20px 30px; margin-top:20px;}
.yusuan ul li{ line-height:50px; color:#333; font-size:16px; text-align:center;}
.yusuan ul li span{ color:#d72128; font-family:Arial, Helvetica, sans-serif; font-size:22px; padding:0 4px;}
.ui-slider{ position:relative; text-align:left;}
.ui-slider .ui-slider-handle{position: absolute;z-index: 2;cursor: default;}
.ui-slider .ui-slider-range{position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}
.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}


/*预约设计*/
.Design *{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.Design{position:fixed;top:0 !important;left:0;display:none;z-index:12000; width:100%; height:100%; background:rgba(0,0,0,0.7); overflow:hidden;}
.Design #close_b,.Design #close_c,.Design #close_d{position:absolute;right:-15px; top:-15px; width:30px; height:30px; background:#fff; border-radius:50%;}
.Design #close_b em,.Design #close_c em,.Design #close_d em{ border:3px #fff solid; background:rgba(0,0,0,0.5); display:block; border-radius:50%; width:24px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:20px;}
.Design #close_b em:hover,.Design #close_c em:hover,.Design #close_d em:hover{ background:#d72128}
.Design .sszs{ width:300px; padding:40px 60px; background:#fff; border-radius:2px; position:absolute; left:50%; top:50%; margin-top:-200px; margin-left:-210px; box-shadow:1px 1px 50px rgba(0,0,0,.3);}
.Design .sszs .nrong{ overflow:hidden;}
.Design .sszs .nrong .tit{ width:100%; font-size:26px; font-weight:bold; text-align:center;}
.Design .sszs .nrong .pop{ width:100%; color:#666; font-size:15px; text-align:center; padding:10px 0;}
.Design .sszs .nrong .pop span{ color:#d72128;}
.Design .sszs .nrong .xieru{ width:100%; overflow:hidden;}
.Design .sszs .nrong .xieru .text{ width:278px; border:1px #e0e0e0 solid; padding:10px; height:30px; overflow:hidden; margin-top:10px;}
.Design .sszs .nrong .tijiao{ width:100%; overflow:hidden; margin-top:10px;}
.Design .sszs .nrong .tijiao input.sub{ width:100%; border:none; width:100%; background:#222; color:#fff; height:42px; line-height:42px; font-size:16px; transition:300ms; border-radius:3px; cursor:pointer;}
.Design .sszs .nrong .tijiao input.sub:hover{ background:#d72128}




.equinav .navbar-brand {
	display: none;
}
.equinav .navbar-collapse {
	padding: 0 !important;
}

.equinav-collapse .navbar-header {
	float: none;
}
.equinav-collapse .navbar-brand,
.equinav-collapse .navbar-toggle {
	display: block !important;
}
.equina-collapse .navbar-collapse {
	border-top: 1px solid #e7e7e7 !important;
}
.equinav-collapse .navbar-collapse.collapse {
	display: none !important;
}
.equinav-collapse .navbar-nav {
	float: none !important;
	margin: 0 !important;
}
.equinav-collapse .navbar-nav > li {
	width: auto !important;
	float: none !important;
}
.equinav-collapse .navbar-nav > li > a {
	text-align: left !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.equinav-collapse .navbar-collapse,
.equinav-collapse .navbar-collapse.collapse.in {
	border-top: 1px solid #e7e7e7 !important;
	display: block !important;
}
.equinav-collapse .collapsing {
	overflow: hidden !important;
}
.equinav-collapse .dropdown-toggle {
	background-color: #e7e7e7 !important;
}
.equinav-collapse .dropdown-toggle > .caret {
	display: inline-block !important;
}
.equinav-collapse .dropdown-menu {
	background: none !important;
	float: none !important;
	border: 0 !important;
	box-shadow: none !important;
	position: relative !important;
}
.equinav-collapse .navbar-nav .open .dropdown-menu {
	display: block !important;
}
.equinav-collapse .navbar-nav .open .dropdown-menu > li > a,
.equinav-collapse .navbar-nav .open .dropdown-menu .dropdown-header {
	color: #777 !important;
	padding: 5px 15px 5px 25px !important;
}

/*.nav > li > a:hover, .nav > li > a:focus{background: none!important;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: none!important; }
.navbar-nav{margin-left: 50px !important;}
.navbar-nav > li > a{color: #141418; font-size: 16px; padding-top: 20px;}
.nav > li > a{padding:24px 35px !important;}
.navbar-nav > li > a:hover{color: #e62128;}
.dropdown-menu > li > a{padding: 10px 19px !important;}
.dropdown-menu{padding: 10px 0 !important; top: 90px !important;}*/

.navbar-nav{ padding-left: 100px; float: left;}
.navbar-nav>li{ float: left;  position: relative;}
.navbar-nav>li>a{ color: #141418; font-size: 16px; padding-top: 20px; display: block; padding: 0 30px;  line-height:70px;}
.dropdown-menu { display: none; position: absolute; top: 70px; left: 0; right: 0; z-index: 33; background: #fff; padding-top: 10px;
border:1px solid #E0E0E0}
.dropdown-menu li a{ line-height: 36px; padding: 0; text-align: center; font-size: 14px; display: block;}
.caret{display: block;  border-left: 5px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid #000;
border-right: 5px solid transparent; width: 0; height: 0; position: absolute; top: 50%; right: 10px; transition: all 0.36s;
transform-origin: top center;}
.navbar-nav>li.on .caret{ transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -ms-transform: rotate(180deg);  }



@media screen and (max-width: 1850px){
	header .inner-warrper{ padding: 0 30px;}
	
}


@media screen and (max-width: 1700px){
	.navbar-nav{ padding-left: 70px; }
}


@media screen and (max-width: 1650px){
	.navbar-nav>li>a{ padding: 0 20px;}
}

@media screen and (max-width: 1500px){
	header .inner-warrper{ padding: 0 15px;}
	.navbar-nav{ padding-left: 30px; }
	.navbar-nav>li>a{ padding: 0 20px;}
}
@media screen and (max-width: 1400px){
	.navbar-nav>li>a{ padding: 0 15px;}
}